<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<!--
			audio 使用音频的标签
			- src 引入的资源
			- controls 控制面板（在不同浏览器下样式会有所不同）
			-autoplay 自动播放
			-preload 预加载
			-volume 音量（js控制）
			-muted 静音
		-->
		<!--
        	兼容多种格式文件的写法
        	source标签用于引入资源使用
        	- type 规定文件的类型
        -->
		<audio controls="controls">
			<source src="media/ogg.mp3" type="audio/mp3"></source>
			<source src="media/ogg.ogg" type="audio/ogg"></source>
			当前浏览器不支持audio直接播放，点击这里下载视频：<a href="media/ogg.mp3">下载视频</a>
		</audio>
		
		<!--
			格式工厂等压缩工具的默认设置未必适合浏览器使用
			浏览器mp4的编码方式要求的非常严格
			视频编码必须是H.264
			音频编码必须是：AAC
			
		-->
		<!--
			video 使用视频的标签
			- src 引入的资源
			- controls 控制面板（在不同浏览器下样式会有所不同）
			-autoplay 自动播放
			-preload 预加载
			-volume 音量（js控制）
			-muted 静音
		-->
		<video width="800" height="" controls="controls" preload>
			<source src="media/video.mp4" type="video/mp4"></source>
			<source src="media/video.flv"></source>
			<source src="media/video.webm" type="video/webm"></source>
			<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
				<param name="movie" value="myvideo.swf" />
				<param name="flashvars" value="autostart=true&amp;file=myvideo.swf" />
			</object>
			当前浏览器不支持 video直接播放，点击这里下载视频： <a href="myvideo.webm">下载视频</a>
		</video>
	</body>
</html>
